<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // const a = 2
      // function auto() {
      //   console.log()
      //   // const a = 1
      //   console.log('a:', a)
      // }
      // auto()

      // 内找外 --------

      // console.log(a)
      // function auto() {
      //   console.log()
      //   // const a = 1
      //   console.log('a:', a)
      // }
      // auto()

      // function debounce() {
      //   let timer = null
      //   return () => {
      //     if (timer) clearTimeout(timer)
      //     timer = setTimeout(() => {
      //       console.log(a)
      //       // this.a = 1;
      //       console.log(this, 'this') // 必包中的作用域 window
      //     }, 1000)
      //   }
      // }
      // debounce()()

      // data() {
      //   return {}
      // }

      // const [data, setData] = useState([])

      // = return
      // = 同步

      // async  const res =  await

      // this.$emit('handle', '')  -> v-on:handle

      // this.set_token('')

      // 事件 发布 - 订阅
      // vuex

      // redux

      // state

      // reducer ->  dispatchEvent

      // get orm方式

      // -> 增删改查
    </script>
  </body>
</html>
